// const listBox = document.querySelector('.leftg')
// console.log(listBox);
listBox.addEventListener('click', e => {
    // 4-1. 判断点击的是 li 标签, 跳转到详情页
    // 注意: 让 li 内的标签都进行穿透效果
    console.log(2);
    if (e.target.nodeName === 'IMG') {
    console.log(9999);

      // 拿到你点击的这个商品的 id, 把 id 存储在 localStroage 内 或者 sessionStroage 内
      // 你怎么知道你点击的这个 li 的 商品 id 是多少
      // 渲染页面的时候, 把 该商品的 商品id 渲染在 标签身上
      const goodsId = e.target.dataset.id
      window.sessionStorage.setItem('goodsId', goodsId)
  
      // 跳转到详情页面
      window.location.href = '../views/detail.html'
    }
  
    // 4-2. 判断点击的是 加入购物车 按钮, 加入购物车操作
    if (e.target.nodeName === 'BUTTON') {
      // 拿到当前商品的商品 id
    //   const goodsId = e.target.dataset.id
      // 执行加入购物车的操作
    //   addCart(goodsId)
    }
  })